.layout-box {
    height: 100%;
    /* background: #666; */
    display: table;
    margin: 0 auto;
    position: absolute;
    overflow-x: hidden; 
    overflow-y: hidden;
    width:100%;
}

/* .box>div {
    padding:0;
    margin:0;
    display: table-row;
} */

.layout-header{
    /* background: blue; */
    display: table-row;
    position: absolute;
    top:0;
    z-index: 2;
    width:100%;
}

.layout-footer {
    /* background: blue; */
    display: table-row;
    position: absolute;
    bottom: 0;
    width:100%;
    z-index: 2;
    width:100%;
}

.layout-main {
    position: absolute;
    display: table-row;
    /* background:green; */
    top:50px;
    bottom:50px;
    vertical-align: middle;
    z-index: 1;
    width:100%;
    overflow-x: hidden; 
    overflow-y: hidden;
}

/* .layout-wrap {
    height: 100%;
    width:100%;
    position: absolute;
    display: table-cell;
    background: yellow;
} */